/* 
    Document   : personnal_space
    Created on : 17 avr. 2013, 19:20:28
    Author     : User
    Description:
        Purpose of the stylesheet follows.
*/


#banniere{
    
    width: 894px;
    /*height:200px;*/
    
    border-collapse: collapse;
    padding:0;
    margin:0;
    
    position:relative;
    /*vertical-align: top;*/
    
    /*background-color: white;*/
}

#banniere_left{
    
    width:27px;
   
    background: url(../img/motif_fond_user-header_gauche.png) no-repeat center;
   
}
#banniere_center{
    
    /*min-width:836px;*/
    height:57px;
    background: url(../img/motif_fond_user-header_fleche.png) repeat-x center;
    
    background-color:#F9302F;
/*    vertical-align: top;*/
    
}
#banniere_right{
    
    width:27px;

    background: url(../img/motif_fond_user-header_droite.png) no-repeat center;
    
}

#onglets{
    
   /*background-color: red;*/
   border-collapse: collapse; 
   height:44px;
   padding:0;
   margin:0;
   margin-left:-13px;
   
   float: left;
    
}



#banniere td.content{ 
   padding:2px;
}

#onglets td.content{
    
   text-align: center;
   min-width:206px;
}



#onglets_left{
    
    width:10px;
    height:12px;
    background: url(../img/motif_fond_menu-user_gauche.png) no-repeat top;
}
#onglets_center{
   
    height:12px;
    background: url(../img/motif_fond_menu-user.png) repeat-x top;
}
#onglets_right{
    
    width:10px;
   height:12px;
    background: url(../img/motif_fond_menu-user_droite.png) no-repeat top;
}


#profile_picture{
    
    background-color: white;
    display:inline-block;
    /*vertical-align: middle;*/
    width:160px;
    height:160px;
    
    float:left;
    

    
    
/*    margin:2px;*/
    
    background: url(../img/default_user.png) no-repeat top;
    background-color: #3e3e3e;
    
}

#infos{
    
    display:inline-block;
    min-width:250px;
    max-width:450px;
    height:140px;
    color:white;
    background: url(../img/motif_fond_infos.png) repeat;
    padding:10px;
    
    /*margin:2px;*/
    margin-left:2px;
    
/*    vertical-align: bottom;*/
}

#mini_infos{
    
    display:inline-block;
    /*width:100px;*/
    max-width:200px;
    color:white;
    background: url(../img/motif_fond_infos.png) repeat;
    padding:5px;
    
   
    margin-top:3px;
    
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
    visibility: hidden;
    
/*    vertical-align: bottom;*/
}

#infos #nom{
    
    font-size:36px;
    font-weight: bold;
     
}




span.button.add_button{
    border-color:#006471;  
}

span.button.del_button{
    border-color:#711000; 
}

span.button.block_button{
    border-color:#713300; 
}

span.button.add_button:hover{
    background: url(../img/motif_fond_bouton_bleu.png) repeat-x bottom;

/*    border-bottom:solid 2px #00f6ff;
    border-left:solid 2px #00f6ff;*/
    
    
}

span.button.del_button:hover{
    background: url(../img/motif_fond_bouton_rouge.png) repeat-x top;

/*    border-bottom:solid 2px #fa722f;
    border-left:solid 2px #fa722f;*/
    
}

span.button.block_button:hover{
    background: url(../img/motif_fond_bouton_orange.png) repeat-x top;

/*    border-bottom:solid 2px #fa9f47;
    border-left:solid 2px #fa9f47;*/
}

